<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.info-row-wrapper {
				/* height: 40px; */
			}

			.info-row {
				font-size: 12px;
				background-image: url(img/goutong-info-list-default.png);
				background-repeat: no-repeat;
				background-size: 100% 100%;
				margin-top: 5px;
				height: 30px;
				color: #FFFFFF;
			}

			.info-row .info-item {
				float: left;
				font-size: 0.2rem;
				line-height: 30px;
			}

			.info-row:hover {
				background-image: url(img/goutong-info-list-actived.png);
				background-repeat: no-repeat;
				background-size: 100% 100%;
			}
		</style>
	</head>
	<body>
		<div class="info-row-wrapper">
			<div class="info-row" style="">
				<div class="info-item" style="width:30px;font-weight:bolder;text-align: center;">
					1
				</div>
				<div class="info-item" style="height:30px;line-height:30px;">
					发动机停止运转，并且伴有噪音
				</div>
				<div style='clear:both'></div>
			</div>
		</div>
		
		<div class="info-row-wrapper">
			<div class="info-row" style="">
				<div class="info-item" style="width:30px;font-weight:bolder;text-align: center;">
					2
				</div>
				<div class="info-item" style="height:30px;line-height:30px;">
					发动机停止运转，并且伴有噪音
				</div>
				<div style='clear:both'></div>
			</div>
		</div>
		
		<div class="info-row-wrapper">
			<div class="info-row" style="">
				<div class="info-item" style="width:30px;font-weight:bolder;text-align: center;">
					3
				</div>
				<div class="info-item" style="height:30px;line-height:30px;">
					发动机停止运转，并且伴有噪音
				</div>
				<div style='clear:both'></div>
			</div>
		</div>

	</body>
</html>
